<!doctype html>



  


<html class="theme-next mist use-motion">
<head>
  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>



<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />












  <link href="/vendors/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css"/>




  <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">



<link href="/vendors/font-awesome/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" type="text/css" />

<link href="/css/main.css?v=0.5.0" rel="stylesheet" type="text/css" />


  <meta name="keywords" content="TinySlik" />








  <link rel="shortcut icon" type="image/x-icon" href="http://7xt003.com1.z0.glb.clouddn.com/hj.png?v=0.5.0" />






<meta name="description" content="章一逃亡半毁的铅窟小屋迎来了今天的第四波警察，他们来回翻看着仅仅两个人宽度大小的铅窟里的每一样东西，如同暴徒一样的挨家挨户搜索着，时不时传来可怖的呵斥声，情景像极了暴徒在抢劫。   
贫民窟迎来了几年难得一见的密集的人群；   
“他们在找我们，佰娜，跟着我，我带上了地图，去夷京吧，我想好了”   
佰娜并不能很轻松的听懂我的话，但是却很认真的点着头，然后在一边消化理解.   
出发的时候，天色">
<meta property="og:type" content="article">
<meta property="og:title" content="基因图谱">
<meta property="og:url" content="https://tinyslik.github.io/2016/10/07/基因图谱正章/index.html">
<meta property="og:site_name" content="Tiny 的博客">
<meta property="og:description" content="章一逃亡半毁的铅窟小屋迎来了今天的第四波警察，他们来回翻看着仅仅两个人宽度大小的铅窟里的每一样东西，如同暴徒一样的挨家挨户搜索着，时不时传来可怖的呵斥声，情景像极了暴徒在抢劫。   
贫民窟迎来了几年难得一见的密集的人群；   
“他们在找我们，佰娜，跟着我，我带上了地图，去夷京吧，我想好了”   
佰娜并不能很轻松的听懂我的话，但是却很认真的点着头，然后在一边消化理解.   
出发的时候，天色">
<meta property="og:updated_time" content="2016-12-28T08:02:39.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="基因图谱">
<meta name="twitter:description" content="章一逃亡半毁的铅窟小屋迎来了今天的第四波警察，他们来回翻看着仅仅两个人宽度大小的铅窟里的每一样东西，如同暴徒一样的挨家挨户搜索着，时不时传来可怖的呵斥声，情景像极了暴徒在抢劫。   
贫民窟迎来了几年难得一见的密集的人群；   
“他们在找我们，佰娜，跟着我，我带上了地图，去夷京吧，我想好了”   
佰娜并不能很轻松的听懂我的话，但是却很认真的点着头，然后在一边消化理解.   
出发的时候，天色">



<script type="text/javascript" id="hexo.configuration">
  var NexT = window.NexT || {};
  var CONFIG = {
    scheme: 'Mist',
    sidebar: {"position":"left","display":"post"},
    fancybox: true,
    motion: true,
    duoshuo: {
      userId: 0,
      author: '博主'
    }
  };
</script>

  <title> 基因图谱 | Tiny 的博客 </title>
</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  



  <script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?dfc0d7e7efa541d3c2ad867ee4643c3e";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>








  
  
    
  

  <div class="container one-collumn sidebar-position-left page-post-detail ">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-meta custom-logo">
  

  <div class="custom-logo-site-title">
    <a href="/"  class="brand" rel="start">
      <span class="logo-line-before"><i></i></span>
      <span class="site-title">Tiny 的博客</span>
      <span class="logo-line-after"><i></i></span>
    </a>
  </div>
  <p class="site-subtitle">一个移动游戏开发者</p>
</div>

<div class="site-nav-toggle">
  <button>
    <span class="btn-bar"></span>
    <span class="btn-bar"></span>
    <span class="btn-bar"></span>
  </button>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-home">
          <a href="/" rel="section">
            
              <i class="menu-item-icon fa fa-home fa-fw"></i> <br />
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-archives">
          <a href="/archives" rel="section">
            
              <i class="menu-item-icon fa fa-archive fa-fw"></i> <br />
            
            归档
          </a>
        </li>
      

      
    </ul>
  

  
</nav>

 </div>
    </header>

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    

  
  

  
  
  

  <article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">
            
            
              
                基因图谱
              
            
          </h1>
        

        <div class="post-meta">
          <span class="post-time">
            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-o"></i>
            </span>
            <span class="post-meta-item-text">发表于</span>
            <time itemprop="dateCreated" datetime="2016-10-07T09:55:09+08:00" content="2016-10-07">
              2016-10-07
            </time>
          </span>

          

          
            
              <span class="post-comments-count">
                &nbsp; | &nbsp;
                <a href="/2016/10/07/基因图谱正章/#comments" itemprop="discussionUrl">
                  <span class="post-comments-count ds-thread-count" data-thread-key="2016/10/07/基因图谱正章/" itemprop="commentsCount"></span>
                </a>
              </span>
            
          

          

          
          

        </div>
      </header>
    


    <div class="post-body" itemprop="articleBody">

      
      

      
        <a id="more"></a>
<h1 id="章一"><a href="#章一" class="headerlink" title="章一"></a>章一</h1><h2 id="逃亡"><a href="#逃亡" class="headerlink" title="逃亡"></a>逃亡</h2><p>半毁的铅窟小屋迎来了今天的第四波警察，他们来回翻看着仅仅两个人宽度大小的铅窟里的每一样东西，如同暴徒一样的挨家挨户搜索着，时不时传来可怖的呵斥声，情景像极了暴徒在抢劫。   </p>
<p>贫民窟迎来了几年难得一见的密集的人群；   </p>
<p>“他们在找我们，佰娜，跟着我，我带上了地图，去夷京吧，我想好了”   </p>
<p>佰娜并不能很轻松的听懂我的话，但是却很认真的点着头，然后在一边消化理解.   </p>
<p>出发的时候，天色已经是傍晚，我从邻居那里拿来了一件破破烂烂的衣服，给穿着单薄衬衣的佰娜结结实实地披上，佰娜才到我胸口，但已经是一个少女模样，这一点实际上让我很惊讶，而且实际上来说她的认知能力也已经接近成人水准，与平常看见的少女完全不同。   </p>
<p>从我从城内的手术台上把她救下来为止，她一直没能说话，但是却紧紧地跟着我，仿佛知道我是在救她，麻醉药的效力已然完全消失，现在她时不时还蹦蹦跳跳的，而我是无论如何没有这个心情。   </p>
<p>身后的村庄已经一片狼藉，能用的肉具也报废了大半。<br>我带上小氢给我留下的干粮，大踏步地朝南一路走，身边紧跟着佰娜，夜色星空，将佰娜的眼睛照得有些明亮，深蓝色的光泽，同石头父母是一样的，隐隐看得到淡蓝色的荧光星星点点，在深邃的瞳孔中像飞舞的萤火虫，就这样一路走，一路解释着这个那个，她时而摇头时而点头，像个极乖的孩子；   </p>
<p>“我..是..佰..娜..”,不知道走了多久，小小的“佰娜”发出了微弱的声音，边说着边自己纠正着发音，像小孩子说话一样，这是第一句佰娜的话呢，心里想着该录下来才对，一阵笑意涌了上来。   </p>
<p>到太阳从满是灰尘的模糊的地平线上探出头的时候，我们终于找到了地图上标示的第一个村庄，一模一样的铅窟，旁边还有一架废弃的s60，里面仿佛也住着一些人。因为连续一天一夜没有休息，我立马找到了一户人家，小心谨慎地交流了几句，想要借屋子休息一下，一个胡子拉碴的中年大叔很爽快地答应了我们，只是很好奇地看着佰娜，佰娜则踉踉跄跄地躲藏在我身后，直到吃干粮的时间，她才迅速的蹦跶到我的面前，暴饮暴食之后又立马呼呼倒头睡去，果然又连同我的那份也吃得干干净净…</p>
<p>我睡着醒来的时候是下午，踢脚的时候发现脚很重，才知道原来佰娜钻进毛毯趴在了我的身上，我慌张地跳了起来…佰娜则死死的抱住我的大腿，还留着口水，突然觉得很可爱的画面让我停下了动作，阳光从窗口投射进来，照在佰娜的脸上，白皙的皮肤同瓷器一样，微微萦绕着一些淡蓝色的萤火，去触碰时却又完全摸不到，白色的头发也好，胸口也好… 绕过头看窗外的废弃的飞船，也忙着跟中年大叔打招呼，像这样一直守护着她当做一个亲人一样。  </p>
<p>掏出佰娜破衣服兜里面的8块金属钱币，我给了大叔一块，大叔很开心的接受了。   </p>
<p>佰娜胃口出奇的好，大叔晚上准备了10个个干粉团子本来我想留着做干粮备用的，结果连同原本的干粮一起，都被吃光了，要知道我一顿的极限是5个团子，作物在整个陆地上相当的匮乏，这些食物和淡水源就变得非常的宝贵，甚至连年的战争，像刚刚的飞行器里面十有八九是个水源的仓库，喝了很多水，也在袋子里灌满了水，甚至对大叔有点愧疚，毕竟没有给很多钱。</p>
<p>查完地图以后，放在了帽子里面，我小心地戴上帽子，背着又倒头大睡的佰娜，朝着太阳的方向一步步走去，小佰娜样子似乎又变大了一点，也许是我的错觉？可能是我太期待她长大了？带着这样的心情的我，美好的东西从脑海中溢出来太多，因为佰娜，世界变得好美，这样坚持自己的喜欢，坚持自己的正义，坚持自己的美好，即使生活艰难险阻，即使正确的道路总是最渺茫的道路，也可以愉快地走下去，很快乐。   </p>
<hr>
<p>“天~空~”，”甜~口~”，”天~空~”，”甜~孔”。<br>努力教佰娜练习说话可佰娜调皮极了，总是心不在焉的。   </p>
<p>我找到了路边的一处废弃的车辆，打算就地休息一会儿，佰娜在废弃的车顶跳起了舞来，由于锈蚀的原因，车身的顶部摇摇欲坠，我努力地拉着佰娜，想拽下来，佰娜的头发在月光里飞舞着，以不符合物理学的姿态蓬松的撑开，让我很惊讶，这才想起了石头一家的身世问题，在仓库做工的时候，我翻过他们家的书籍，大量的“魔法书籍”，类似咒语的秘钥，可是无论如何我按照上面的方法也没有能试得起来，也许这是跟基因相关的天赋才对。<br>我盯着佰娜的眼睛，佰娜好奇的盯着我，看了足足有5秒钟。<br>“瓦~力~兹~”,”挖，莉莉，词~”这样依葫芦画瓢的念着我唯一记得的几句咒语，佰娜也依葫芦画瓢的念了出来，可是果然没什么变化，<br>佰娜继续转身转着圈从车顶这一头跳到了那一头，<br>终于预感到的事情还是发生了，车壳碰的一声断了一根梁，车顶顺势一斜，佰娜重心不稳从车顶头朝下地摔了下来，我伸手去接可是没能接住，心里的难受和自责就要像火山一样爆发出来的时候，佰娜从地上缓缓的爬了起来。<br>完好无损！连头发都没有沾到灰尘,蓝色的荧光在佰娜头周围聚集闪动了几下，又消散不见了。<br>“所以说你确实会魔法咯”,我有点微微生气地把佰娜抱在怀里，眼角微微湿润。<br>“好担心~，怕就这样这么这么认真的努力变成两个人，最后回到只剩我一个人了,真不听话啊你…”<br>手在佰娜的头上轻轻地拍了几下，佰娜抬起头，无辜地望着我，猝不及防地亲了我一口<br>“佰娜~知~道~尼哇”,这样说道，我才发现，佰娜的说话已经能够这样流利了，可是词语从哪来来的呢，还有这语调，好像来自于我的妹妹氢呢，一定是妹妹教他的，可是她过得怎么样了呢？突然思绪又布满了脑海.<br>佰娜摇头晃脑地拉着我，往不知道哪里走，夜空下面无边无际的荒野，我不时停下来观察星星的方位判断方向，超级奇怪的是佰娜完全没有偏离目标，而且似乎对地图还产生了修正。<br>太神奇了，果然这就是血统么？从手术台上拿走佰娜那一刻，我看了一眼“石头”，他厌恶地看着我拿走佰娜，同样是深蓝色的瞳孔，但佰娜有荧光，石头没有，所以即使他仿佛要撕碎我一样，也不能使用“魔法”整我么？我仿佛明白了这个血统的继承关系和这手术的目的。    </p>
<p>所以石头的父母才不愿意将自己的能力移植，所以移植的代价是什么呢？大概是生命吧，我猜。   </p>
<p>在克隆和生物技术滥用的现在，生命反倒是培养才能的最低成本了…</p>
<p>我走着的时候握着佰娜的小手，她已经到我胸口这么高了，背起来已经有点太重了，这个成长速度和体重变化，完全无法复合物理学的定律，然而就出现在我的眼前的“魔法”,还有血统正在一次次的刷新我的世界观.<br>所以魔法的触发是有条件的呢，单单有咒语是不够的，我突然明白了，可是没有书籍，所以到了夷京。第一件事就是帮佰娜练习魔法，这么方便的能力一定能帮到大忙，不管是接下来的吃饭问题和佰娜的身世问题，都一定能找到答案。   </p>
<hr>
<p>   沿着地图走，土地的荒漠化越来越重，即使是夜行也能深刻的感觉到周围的生物和文明的景象越来越少，自从2076年三次大战爆发以来，地球的物种已经消耗殆尽，剩下的仅仅是博物馆中的700多种树和300多种动物，100多种鱼，自然的动物就显得更加没法看到，前半段能见到的枯黄的榆树，现在连残破的树干也已经没法见到了，干裂的泥土混着黄色的沙砾，在仅有手电筒的光线的晚上，一片死寂，恐怕在这世界里最大的危险可能会是寂寞，会是那种肃杀的寂寞，谁都没有想到100年前只有电影里才出现的“废土”成真时会如此的恐怖，整个东部亚洲的沿海都成为了100年前画面里中国的黄土高原。</p>
<p>   如果没有星星和路标，还有蹦蹦跳跳的佰娜，也许我已经迷失在这样的一成不变的景色中。   </p>
<p>   整个晚上，景色毫无变化，佰娜也走得累了，在背上沉沉的睡去。</p>
<p>   到下一个落脚点的时候，已经是第二天的中午了，体力消耗得太过厉害，身体已经渐渐地忍受不了这种负荷的消耗，体力随着血糖的下降变得越来越勉强，看到远远的一缕异样颜色的时候，我意识开始模糊，晕倒在了一块页岩的阴影里。   </p>
<p>   “喂，快醒醒“，“氢，快醒醒”。感觉到脸上传来冰凉的触觉，我才从漆黑一片的意识中浮出来，到处都是灰色的陶瓷墙，闪闪发亮的釉刺得我眼睛疼，周围的景色如同置身于另外一个世界，圆形的罐头样的建筑，没有窗户，整齐的排列在路边，不远处有一座较大的陶瓷建筑，像一个方形的樽被倒置过来一样，大概有1000平的大小，周围种满了榆树，枝头能隐约地看到绿色，显然是受精心照料的结果，这就是蕴城。叫醒我的是面前小陶罐的主人，感觉如同小陶罐一样寒酸的装束的小姑娘，用手小心地舀起来一点点水洒在了我的脸上，这才喊醒了我，”你叫氢对吧“，她指了指我衣袖上的字。我意识到我还穿着妹妹的衣服，这样一来干脆就换个身份好了，”恩，是啊“。”她呢？“，佰娜则不出意外地躲到我身后，探头探脑，然而现在显然因为身形大了一些，不太好藏了。“这是佰娜”，我觉得告诉真名的话佰娜也是个新身份，没有任何关系，所以直接说就可以了。</p>
<p>   然后出乎意料的受到了款待，那小姑娘叫利雅，由于这里4个月没有外来人口，我反倒成了一个稀奇的来客，吃了一顿名副其实的大餐，野玉米以及烤鼹鼠，恩，好吧，其实我确实鲜有能吃到动物的情况，蛋白质很多时候是靠大豆制品提供的，动物的限捕法令和增殖计划也并不能在这贫瘠的土地上得出满意的结果。好在这里山高皇帝远，加上相对来说这里的管理者搭建起了一些基础的生态链，化身成了很了不起的管理者。</p>
<p>   至于身份的问题，我庆幸我谎报了身份，这块辖地依然隶属吴城，想必追捕的告示还是会出现在这样的地方，我心里这么想。</p>
<pre><code>
</code></pre>
      
    </div>

    <div>
      
        
      
    </div>

    <footer class="post-footer">
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
              <a href="/2016/08/02/大爱蕾姆/" rel="next" title="大爱蕾姆">
                <i class="fa fa-chevron-left"></i> 大爱蕾姆
              </a>
            
          </div>

          <div class="post-nav-prev post-nav-item">
            
          </div>
        </div>
      

      
      
    </footer>
  </article>



    <div class="post-spread">
      
        <!-- JiaThis Button BEGIN -->
<div class="jiathis_style">
  <a class="jiathis_button_tsina"></a>
  <a class="jiathis_button_tqq"></a>
  <a class="jiathis_button_weixin"></a>
  <a class="jiathis_button_cqq"></a>
  <a class="jiathis_button_douban"></a>
  <a class="jiathis_button_renren"></a>
  <a class="jiathis_button_qzone"></a>
  <a class="jiathis_button_kaixin001"></a>
  <a class="jiathis_button_copy"></a>
  <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
  <a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" >
  var jiathis_config={
    hideMore:false
  }
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->

      
    </div>
  </div>


          </div>
          


          
  <div class="comments" id="comments">
    
      <div class="ds-thread" data-thread-key="2016/10/07/基因图谱正章/"
           data-title="基因图谱" data-url="https://tinyslik.github.io/2016/10/07/基因图谱正章/">
      </div>
    
  </div>


        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    <div class="sidebar-inner">

      

      
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap" >
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview">
            站点概览
          </li>
        </ul>
      

      <section class="site-overview sidebar-panel ">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
          <img class="site-author-image" itemprop="image"
               src="/images/avatar.jpg"
               alt="Tiny" />
          <p class="site-author-name" itemprop="name">Tiny</p>
          <p class="site-description motion-element" itemprop="description">The stupid speak of the past, the wise of the present, and fools of the future.</p>
        </div>
        <nav class="site-state motion-element">
          <div class="site-state-item site-state-posts">
            <a href="/archives">
              <span class="site-state-item-count">8</span>
              <span class="site-state-item-name">日志</span>
            </a>
          </div>

          

          

        </nav>

        

        <div class="links-of-author motion-element">
          
        </div>

        
        

        
        <div class="links-of-blogroll motion-element">
          
        </div>

      </section>

      
        <section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc-indicator-top post-toc-indicator">
            <i class="fa fa-angle-double-up"></i>
          </div>
          <div class="post-toc">
            
              
            
            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#章一"><span class="nav-number">1.</span> <span class="nav-text">章一</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#逃亡"><span class="nav-number">1.1.</span> <span class="nav-text">逃亡</span></a></li></ol></li></ol></div>
            
          </div>
          <div class="post-toc-indicator-bottom post-toc-indicator">
            <i class="fa fa-angle-double-down"></i>
          </div>
        </section>
      

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright" >
  
  &copy; 
  <span itemprop="copyrightYear">2016</span>
  <span class="with-love">
    <i class="fa fa-heart"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">Tiny</span>
</div>

<div class="powered-by">
  由 <a class="theme-link" href="http://hexo.io">Hexo</a> 强力驱动
</div>

<div class="theme-info">
  主题 -
  <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">
    NexT.Mist
  </a>
</div>



      </div>
    </footer>

    <div class="back-to-top">
      <i class="fa fa-arrow-up"></i>
    </div>
  </div>

  


  




<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>


  <script type="text/javascript" src="/vendors/jquery/index.js?v=2.1.3"></script>

  <script type="text/javascript" src="/vendors/fastclick/lib/fastclick.min.js?v=1.0.6"></script>

  <script type="text/javascript" src="/vendors/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>

  <script type="text/javascript" src="/vendors/velocity/velocity.min.js"></script>

  <script type="text/javascript" src="/vendors/velocity/velocity.ui.min.js"></script>

  <script type="text/javascript" src="/vendors/fancybox/source/jquery.fancybox.pack.js"></script>


  


  <script type="text/javascript" src="/js/src/utils.js?v=0.5.0"></script>

  <script type="text/javascript" src="/js/src/motion.js?v=0.5.0"></script>



  
  

  
  
<script type="text/javascript" src="/js/src/scrollspy.js?v=0.5.0"></script>

<script type="text/javascript" id="sidebar.toc.highlight">
  $(document).ready(function () {
    var tocSelector = '.post-toc';
    var $tocSelector = $(tocSelector);
    var activeCurrentSelector = '.active-current';

    $tocSelector
      .on('activate.bs.scrollspy', function () {
        var $currentActiveElement = $(tocSelector + ' .active').last();

        removeCurrentActiveClass();
        $currentActiveElement.addClass('active-current');

        $tocSelector[0].scrollTop = $currentActiveElement.position().top;
      })
      .on('clear.bs.scrollspy', function () {
        removeCurrentActiveClass();
      });

    function removeCurrentActiveClass () {
      $(tocSelector + ' ' + activeCurrentSelector)
        .removeClass(activeCurrentSelector.substring(1));
    }

    function processTOC () {
      getTOCMaxHeight();
      toggleTOCOverflowIndicators();
    }

    function getTOCMaxHeight () {
      var height = $('.sidebar').height() -
                   $tocSelector.position().top -
                   $('.post-toc-indicator-bottom').height();

      $tocSelector.css('height', height);

      return height;
    }

    function toggleTOCOverflowIndicators () {
      tocOverflowIndicator(
        '.post-toc-indicator-top',
        $tocSelector.scrollTop() > 0 ? 'show' : 'hide'
      );

      tocOverflowIndicator(
        '.post-toc-indicator-bottom',
        $tocSelector.scrollTop() >= $tocSelector.find('ol').height() - $tocSelector.height() ? 'hide' : 'show'
      )
    }

    $(document).on('sidebar.motion.complete', function () {
      processTOC();
    });

    $('body').scrollspy({ target: tocSelector });
    $(window).on('resize', function () {
      if ( $('.sidebar').hasClass('sidebar-active') ) {
        processTOC();
      }
    });

    onScroll($tocSelector);

    function onScroll (element) {
      element.on('mousewheel DOMMouseScroll', function (event) {
          var oe = event.originalEvent;
          var delta = oe.wheelDelta || -oe.detail;

          this.scrollTop += ( delta < 0 ? 1 : -1 ) * 30;
          event.preventDefault();

          toggleTOCOverflowIndicators();
      });
    }

    function tocOverflowIndicator (indicator, action) {
      var $indicator = $(indicator);
      var opacity = action === 'show' ? 1 : 0;
      $indicator.velocity ?
        $indicator.velocity('stop').velocity({
          opacity: opacity
        }, { duration: 100 }) :
        $indicator.stop().animate({
          opacity: opacity
        }, 100);
    }

  });
</script>

<script type="text/javascript" id="sidebar.nav">
  $(document).ready(function () {
    var html = $('html');
    var TAB_ANIMATE_DURATION = 200;
    var hasVelocity = $.isFunction(html.velocity);

    $('.sidebar-nav li').on('click', function () {
      var item = $(this);
      var activeTabClassName = 'sidebar-nav-active';
      var activePanelClassName = 'sidebar-panel-active';
      if (item.hasClass(activeTabClassName)) {
        return;
      }

      var currentTarget = $('.' + activePanelClassName);
      var target = $('.' + item.data('target'));

      hasVelocity ?
        currentTarget.velocity('transition.slideUpOut', TAB_ANIMATE_DURATION, function () {
          target
            .velocity('stop')
            .velocity('transition.slideDownIn', TAB_ANIMATE_DURATION)
            .addClass(activePanelClassName);
        }) :
        currentTarget.animate({ opacity: 0 }, TAB_ANIMATE_DURATION, function () {
          currentTarget.hide();
          target
            .stop()
            .css({'opacity': 0, 'display': 'block'})
            .animate({ opacity: 1 }, TAB_ANIMATE_DURATION, function () {
              currentTarget.removeClass(activePanelClassName);
              target.addClass(activePanelClassName);
            });
        });

      item.siblings().removeClass(activeTabClassName);
      item.addClass(activeTabClassName);
    });

    $('.post-toc a').on('click', function (e) {
      e.preventDefault();
      var targetSelector = NexT.utils.escapeSelector(this.getAttribute('href'));
      var offset = $(targetSelector).offset().top;
      hasVelocity ?
        html.velocity('stop').velocity('scroll', {
          offset: offset  + 'px',
          mobileHA: false
        }) :
        $('html, body').stop().animate({
          scrollTop: offset
        }, 500);
    });

    // Expand sidebar on post detail page by default, when post has a toc.
    NexT.motion.middleWares.sidebar = function () {
      var $tocContent = $('.post-toc-content');

      if (CONFIG.sidebar.display === 'post' || CONFIG.sidebar.display === 'always') {
        if ($tocContent.length > 0 && $tocContent.html().trim().length > 0) {
          NexT.utils.displaySidebar();
        }
      }
    };
  });
</script>



  


  <script type="text/javascript" src="/js/src/bootstrap.js?v=0.5.0"></script>



  

  
    
  

  <script type="text/javascript">
    var duoshuoQuery = {short_name:"tinyslik"};
    (function() {
      var ds = document.createElement('script');
      ds.type = 'text/javascript';ds.async = true;
      ds.id = 'duoshuo-script';
      ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
      ds.charset = 'UTF-8';
      (document.getElementsByTagName('head')[0]
      || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
  </script>

  
    
  





  
  
  

  


</body>
</html>
